<template>
  <div class="search-btn" tab-index="1" aria-label="跳转到搜索页按钮" @click="$router.push('/seachersgb')">
    <j-icon :size="18">search</j-icon>
    <span>请输入要搜索的内容</span>
  </div>
</template>
<script lang="ts" setup></script>
<style lang="scss" scoped>
.search-btn {
  $height: 42px;
  width: 100%;
  height: $height;
  background-color: rgb(var(--v-theme-secondary));
  margin: 0 auto;
  border-radius: 19px;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline: 14px;
  column-gap: 14px;
}
</style>
